body {
  overflow: hidden;
}

.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

@font-face {
  font-family: "DINPro-Black";
  src: url("../public/DINPro/DINPro-Black.otf") format("truetype");
}


@font-face {
  font-family: "DINPro-Bold";
  src: url("../public/DINPro/DINPro-Bold.otf") format("truetype");
}


@font-face {
  font-family: "DINPro-Light";
  src: url("../public/DINPro/DINPro-Light.otf") format("truetype");
}


@font-face {
  font-family: "DINPro-Medium";
  src: url("../public/DINPro/DINPro-Medium.otf") format("truetype");
}


@font-face {
  font-family: "DINPro-Regular";
  src: url("../public/DINPro/DINPro-Regular.otf") format("truetype");
}

// 全局滚动条设置
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #f5f5f5;
}

/*滚动条 阴影~圆角*/
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(128, 128, 128, 0.7);
  border-radius: 10px;
  background-color: #f5f5f5;
}

/*滑块 阴影~圆角*/
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(128, 128, 128, 0.7);
  background-color: rgb(149, 147, 147);
}

/* app.css，来自于官网 */
.pages-main-enter {
  opacity: 0;
  transform: scale(0.9);
}

.pages-main-enter-active {
  opacity: 1;
  transform: translateX(0);
  transition: opacity 200ms, transform 200ms;
}

.pages-main-exit {
  opacity: 1;
}

.pages-main-exit-active {
  opacity: 0;
  transform: scale(0.9);
  transition: opacity 200ms, transform 200ms;
}